<!DOCTYPE html>
<html>
  <head>
    <title>s02.html</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
	<script type="text/javascript" src="../js/jquery-1.11.1.js"></script>
	<script type="text/javascript">
		//DOM对象转换成JQuery对象
		function f1(){
			var obj=document.getElementById('a1');
			var $obj=$(obj);
			alert($obj.html());
			
		}
		//JQuery对象转换成DOM对象
		function f2(){
			var $obj=$('#a2');
			var obj=$obj.get(0);
			//var obj=$obj.get()[0];
			alert(obj.innerHTML);
		}
	</script>
  </head>
  
  <body>
    <!-- jquery对象与DOM对象的转换 -->
    <a id="a1" href="javascript:;" onclick="f1();" >DOM对象-->JQuery对象</a><br/>
    
    <a id="a2" href="javascript:;" onclick="f2();" >JQuery对象-->DOM对象</a>
  </body>
</html>
